<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.js"></script>
    <script>
        $(f);

        function f(){
            // 1.html() 返回内部html
            //alert($("div").html());//innerHTML
            // 2.html(字符串) 设置当前元素的innerHTML
           // $("div").html("<h1>hehe</h1>");
            // 3.html(函数)
//            $("div").html(function(index,value){
//                return "<span style='color:red'>"
//                    +value+"<span>";
//            });
            // html() 内部标签
            // text() 内部文本
           // $("div").text("<h1>123</h1>");
            // blur 失去焦点
            $("input:eq(1)").blur(function(){
                $("input:eq(2)").val(
                    parseFloat($("input:eq(0)").val())
                    +
                    parseFloat($("input:eq(1)").val())
                );
            });
        }
    </script>
</head>
<body>
<input />
+
<input />
=
<input />
    <!--<div><span>1</span><span>1</span><span>1</span></div>-->
    <!--<p>2</p>-->
</body>
</html>